﻿<style>
    .noborder-table.table>tbody>tr>td{
        border-top:none;
    }
    .img_box{
        width:400px;
        /* margin:20px auto; */
    }
    .img_box img{
        width:100%;
    }
    .detail-right-table {
        position:relative;
    }
    .detail-right-table .temp {
        position: absolute;
        left: -102px;
        font-weight:bold;
        color:#3276b1;
    }
    table {
        font-weight:bold;
    }
    @media screen and (max-width: 1613px){
        .detail-right-table{
            width: 313px!important;
        }
    }
    @media screen and (max-width: 991px){
        .detail-left-table{
            margin-top: 5px!important;
            border-bottom: 2px dashed #aaa;
        }
    }
</style>
<!-- MAIN CONTENT -->
<div id="content">
    
    <div smart-include="app/yksensor/views/sub-header.tpl.html"></div>

    <div class="row">
        <div class="col-sm-12 col-md-3">
            <table class="table noborder-table detail-left-table" style="margin-top:100px;">
                <tbody class="text-center">
                    <tr>
                        <td><b>罐号</b></td>
                        <td><a>{{tankInfo.name}} 【{{tankInfo.id}}】</a></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><b>油品名</b></td>
                        <td><a>{{tankInfo.oil_type}}</a></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><b>油罐类型</b></td>
                        <td><a>{{tankInfo.type == 1 ? "立式钢油罐" : (tankInfo.type == 2 ? "卧式钢油罐" : "")}}</a></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><b>当前液位</b></td>
                        <td><a>{{tankInfo.oil_level/100*tankInfo.height}}</a></td>
                        <td><a class="pull-left">m</a></td>
                    </tr>
                    <tr>
                        <td><b>平均温度</b></td>
                        <td><a>{{tankInfo.avg_temp}}</a></td>
                        <td><a class="pull-left">°C</a></td>
                    </tr>
                    <tr>
                        <td><b>当前密度</b></td>
                        <td><a>{{tankInfo.oil_density}}</a></td>
                        <td><a class="pull-left">t/m3</a></td>
                    </tr>
                    <tr>
                        <td><b>体积</b></td>
                        <td><a>{{tankInfo.volume}}</a></td>
                        <td><a class="pull-left">m3</a></td>
                    </tr>
                    <tr>
                        <td><b>质量</b></td>
                        <td><a>{{tankInfo.quality}}</a></td>
                        <td><a class="pull-left">t</a></td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <button class="btn btn-success" ng-click="tankcharts(tankInfo.id)">查看液位/温度曲线</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-sm-12 col-md-9" style=" overflow-x:auto;">
            <div style="width:1000px; overflow-x:visible;">
                <div class="img_box pull-left">
                    <img src="styles/img/store.png" alt="" class="img-responsive">
                </div>
                <table class="table noborder-table text-center pull-left detail-right-table" style="margin-top:18px; max-width:none;width:600px;">
                    <thead>
                        <tr style="background:none;">
                            <th style="border:none; text-align:center"></th>
                            <!-- <th style="border:none; text-align:center">温度计状态</th> -->
                            <th style="border:none; text-align:center">温度计高度</th>
                            <th style="border:none; text-align:center">报警设定温度</th>
                            <th style="border:none; text-align:center">编辑</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="item in tankInfo.thermometer">
                            <td>
                                <a class="temp">---&nbsp;&nbsp;
                                    <div class="label label-primary">{{item.temp | number : 2 }}&nbsp;&nbsp;&nbsp;°C</div>
                                </a>
                            </td>
                            <!-- <td>
                                <select name="" id="">
                                    <option value="0">实时</option>
                                    <option value="1">定时</option>
                                </select>
                            </td> -->
                            <td>{{item.high | number : 2 }}</td>
                            <td>{{item.alert | number : 2 }}</td>
                            <td>
                                <button class="btn btn-primary btn-edit" style="padding:1px 5px;" ng-click="edit(item.tid)"><i class="fa fa-edit"></i></button>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><b>盲区温度</b></td>
                            <td><b>{{tankInfo.blind_temp}}</b></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-sm-12 text-center margin-top-30">
            <a class="btn btn-lg btn-warning" style="padding:10px 50px;" ng-click="backtoStore()">返回</a>
        </div>
    </div>


</div>
<!-- END MAIN CONTENT -->